//下载APP下拉
$(function () {
    $(".download").mouseover(function(){
      $(this).children().last().stop().slideDown().siblings().css('color',"#fa6600")
    })
    $(".download").mouseout(function(){
      $(this).children().last().stop().slideUp().siblings().css('color',"#a8b1b8")
    })
});

//个人中心下拉
$(function () {
    $(".myself").mouseover(function(){
      $(this).children().last().stop().slideDown().siblings().css('color',"#fa6600")
    })
    $(".myself").mouseout(function(){
      $(this).children().last().stop().slideUp().siblings().css('color',"#a8b1b8")
    })
});

//购物车下拉
$(function () {
    $(".header-r").mouseover(function(){
      $(this).children().last().stop().slideDown().siblings().css('color',"#fa6600")
    })
    $(".header-r").mouseout(function(){
      $(this).children().last().stop().slideUp().siblings().css('color',"#a8b1b8")
    })
});

//返回顶部
window.onscroll = function(e){
    var fanhui = document.querySelector('.fanhui')
    var t = document.documentElement.scrollTop || document.body.scrollTop;
    if(t >= 800){
        fanhui.style.display = 'block'
    }else{
      fanhui.style.display = 'none'
    }
    fanhui.onclick = function(){
        t = 0
        document.documentElement.scrollTop = document.body.scrollTop = t
        fanhui.style.display = 'none'
    }
    return false
}

//滑动轮播图
$(function(){
    // 创建小点放到ol中
    $('.carousel ul').children().each((i,v)=>{
        // 创建li并放在ol中
        if(i === 0)
            $('.carousel ol').append( $('<li style="background-color:#fff;"></li>') )
        else
        $('.carousel ol').append( $('<li></li>') )
    })
    // 修饰.carousel ul
    var $first = $('.carousel ul').children().first().clone()
    $('.carousel ul').prepend( $('.carousel ul').children().last().clone() )
    $('.carousel ul').append($first)
    $('.carousel ul').css({
        width:$first.width() * $('.carousel ul li').length + 'px',
        left:-$first.width() + "px"
    })
    // 定义下标
    var index = 1
    var flag = true
    // 右按钮滑动
    $('a.rightBtn').click(function(){
        if(!flag) return false;
        flag = false
        index++
        $('.carousel ul').animate({
            left:-index * $first.width()
        },2300,'swing',function(){
            if(index === $('.carousel ul li').length-1){
                index = 1
                $('.carousel ul').css('left',-$first.width() + "px")
            }
            $('ol li').eq(index-1).css('background-color','#fff').siblings().css('background-color','#000')
            flag = true
        })
        return false;
    })

    $('a.leftBtn').click(function(){
        if(!flag) return false;
        flag = false
        index--
        $('.carousel ul').animate({
            left:-index * $first.width()
        },2300,'swing',function(){
            if(index === 0){
                index = $('.carousel ul li').length-2
                $('.carousel ul').css('left',-index * $first.width() + "px")
            }
            $('.carousel ol li').eq(index-1).css('background-color','#fff').siblings().css('background-color','#000')
            flag = true
        })
        return false;
    })

    $('.carousel ol li').click(function(){
        if(!flag) return false;
        flag = false
        index = $(this).index()+1
        $('.carousel ul').animate({
            left:-index * $first.width()
        },2300,'swing',function(){
            if(index === 0){
                index = $('.carousel ul li').length-2
                $('.carousel ul').css('left',-index * $first.width() + "px")
            }
            $('.carousel ol li').eq(index-1).css('background-color','#fff').siblings().css('background-color','#000')
            flag = true
        })
    })

    var timerId = setInterval(function(){
        if(!flag) return false;
            flag = false
            index++
            $('.carousel ul').animate({
                left:-index * $first.width()
            },2300,'swing',function(){
                if(index === $('.carousel ul li').length-1){
                    index = 1
                    $('.carousel ul').css('left',-$first.width() + "px")
                }
                $('.carousel ol li').eq(index-1).css('background-color','#fff').siblings().css('background-color','#000')
                flag = true
            })
    },3000)

    $('.carousel').hover(function(){
        clearInterval(timerId)
    },function(){
        timerId = setInterval(function(){
            if(!flag) return false;
                flag = false
                index++
                $('.carousel ul').animate({
                    left:-index * $first.width()
                },2300,'swing',function(){
                    if(index === $('.carousel ul li').length-1){
                        index = 1
                        $('.carousel ul').css('left',-$first.width() + "px")
                    }
                    $('.carousel ol li').eq(index-1).css('background-color','#fff').siblings().css('background-color','#000')
                    flag = true
                })
        },3000)
    })
})
